.MenuConfig {
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;


    &>div {
        height: 100%;

        &.Left {
            width: 120px;
            padding-right: 16px;
            border-right: 1px dashed rgba(145, 158, 171, 0.2);
            position: relative;
            z-index: 1;

            &>.Nav {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                height: 48px;
                font-family: ShuHeiTi;
                font-weight: 600;
                font-size: 16px;
                color: #949494;
                cursor: pointer;
                transition: all 0.35s;
                position: relative;
                z-index: 1;
                user-select: none;

                &.active {
                    color: #262626;
                }
            }

            &>.indicator {
                position: absolute;
                z-index: 1;
                width: 4px;
                top: 12px;
                right: 6px;
                height: 24px;
                border-radius: 50px;
                transition: all 0.35s;
            }

            &>.Submit {
                position: absolute;
                left: 0;
                right: 24px;
                bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }



        &.Right {
            flex: 1;
            padding-left: 16px;
            overflow: hidden;

            &>.swiper {
                width: 100%;
                height: 100%;
                overflow: hidden;
                user-select: none;

                &>.swiper-wrapper {
                    &>.swiper-slide {
                        &.swiper-slide-visible {
                            z-index: 2;
                        }

                        &>div {
                            width: 100%;
                            height: 100%;
                            overflow: hidden;
                            background: #f5f5f5;
                            padding: 16px;
                            border-radius: 8px;
                            display: flex;
                            align-items: flex-start;
                            justify-content: flex-start;
                            flex-direction: column;


                            &>div {
                                width: 100%;

                                &.ant-divider {
                                    font-family: ShuHeiTi;
                                    font-weight: bold;
                                    font-size: 24px;
                                    color: #262626;
                                }

                                &.Content {
                                    flex: 1;
                                    overflow-y: scroll;

                                    &::-webkit-scrollbar {
                                        display: none;
                                    }
                                }
                            }
                        }

                        .Label {
                            position: relative;
                            z-index: 1;
                            margin-top: 16px;
                            width: 100%;

                            &>div:first-child {
                                position: absolute;
                                z-index: 2;
                                left: 8px;
                                top: -12px;
                                padding: 2px 4px;
                                border-radius: 4px;
                                font-family: ShuHeiTi;
                                font-size: 16px;
                                font-weight: bold;
                                color: #262626;
                                background: rgba(255, 255, 255, 0.15);
                                backdrop-filter: blur(8px);
                            }

                            &>*:last-child {
                                width: 100%;
                                height: 64px;
                            }

                            .ant-input-number,
                            .ant-picker,
                            .ant-color-picker-trigger,
                            .ant-color-picker-clear::after {
                                width: 100%;
                            }

                            .ant-input-affix-wrapper,
                            .ant-input-outlined,
                            .ant-select-single,
                            .ant-input-number-input,
                            .ant-picker,
                            .ant-color-picker-trigger {
                                height: 64px;
                            }


                            .ant-color-picker-color-block,
                            .ant-color-picker-clear {
                                width: 100%;
                                height: 100%;
                            }

                            .ant-form-item-row {
                                position: relative;
                                z-index: 1;
                            }

                            input,
                            textarea,
                            .ant-input,
                            .ant-select-selector,
                            .ant-picker-suffix,
                            .ant-input-suffix,
                            .ant-select-arrow {
                                font-size: 20px;
                            }

                            .ant-radio-group {
                                display: flex;
                                align-items: center;
                                justify-content: center;

                                &>label {
                                    flex: 1;
                                    height: 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: 20px;
                                    font-weight: 600;
                                }
                            }
                        }

                        .ContentCar {
                            margin-bottom: 8px;
                            border: 1px solid #ccc;
                            position: relative;
                            z-index: 1;

                            .Title {
                                position: absolute;
                                left: 8px;
                                top: -12px;
                                padding: 2px 4px;
                                border-radius: 4px;
                                font-family: ShuHeiTi;
                                font-size: 16px;
                                font-weight: bold;
                                color: #262626;
                                background: rgba(255, 255, 255, 0.15);
                                backdrop-filter: blur(8px);
                            }

                            .Delete {
                                position: absolute;
                                right: 8px;
                                top: -12px;
                                width: 24px;
                                height: 24px;
                                background: #f5222d;
                                color: white;
                                border-radius: 50%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                cursor: pointer;
                            }
                        }

                        .MenuConfigitem {
                            width: 100%;
                            height: 100%;
                            overflow: hidden;
                            position: relative;
                            z-index: 1;
                        }

                        .MenuConfigTopOptions,
                        .MenuConfigTable {
                            display: flex;
                            align-items: flex-start;
                            justify-content: flex-start;
                            flex-direction: column;

                            &>.Content {
                                flex: 1;
                                display: flex;
                                align-items: flex-start;
                                justify-content: center;
                                overflow-y: scroll;

                                &>div {
                                    flex: 1;
                                    padding: 0 16px;
                                    position: relative;
                                    z-index: 1;

                                    &::after {
                                        position: absolute;
                                        content: '';
                                        right: 0;
                                        top: 16px;
                                        width: 1px;
                                        height: calc(100% - 32px);
                                        background: #cccccc;
                                    }

                                    &:last-child {
                                        &::after {
                                            content: none;
                                        }
                                    }

                                    &>.Title {
                                        margin-top: 16px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        font-size: 20px;
                                        font-weight: 600;
                                    }

                                    &>.multilayerTree {
                                        padding: 16px;
                                        background: rgba(255, 255, 255, 0.75);

                                        .TreeItem {
                                            display: flex;
                                            align-items: center;
                                            justify-content: space-between;

                                            &>.Item__Title {
                                                font-size: 16px;
                                                font-family: ShuHeiTi;
                                                flex: 1;

                                                span {
                                                    font-size: 14px;
                                                    color: #666;
                                                }
                                            }

                                            &>.Item__Btn {
                                                width: 100px;
                                                display: flex;
                                                align-items: center;
                                                justify-content: flex-end;

                                                &>span {
                                                    padding: 0 4px;
                                                    font-size: 20px;
                                                }
                                            }


                                        }
                                    }

                                }
                            }
                        }

                        .MenuConfigSort,
                        .MenuConfigSearch {
                            flex-direction: row;

                            &>.Added {
                                width: 400px;
                                padding: 16px;
                                border-radius: 8px;
                                border: 1px solid #ccc;
                                margin-right: 16px;

                                &>.Title {
                                    margin-top: 16px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: 20px;
                                    font-weight: 600;
                                }

                                &>.AddBtn {
                                    padding: 16px 0;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;

                                    &>button {
                                        height: 64px;
                                        font-family: ShuHeiTi;
                                        font-size: 20px;
                                        font-weight: bold;
                                        color: white;
                                    }
                                }
                            }

                            &>.List {
                                width: 100%;
                                height: 100%;
                                overflow: hidden;

                                &>.empty {
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    flex-direction: column;
                                }

                                &::-webkit-scrollbar {
                                    display: none;
                                }

                                &>.SortBox {
                                    width: 100%;
                                    height: 100%;
                                    overflow: hidden;
                                    position: relative;
                                    padding: 16px;
                                    background: #ccc;
                                    border-radius: 8px;

                                    &>.SortableItem {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        height: 40px;
                                        border-radius: 8px;
                                        background: rgba(255, 255, 255, 1);
                                        padding: 8px;
                                        margin: 8px;
                                        user-select: none;

                                        &>div:nth-child(1) {
                                            font-family: PingFang;
                                            font-weight: 600;
                                            font-size: 16px;
                                            color: #082400;
                                            flex: 1;
                                            cursor: pointer;
                                        }

                                        &>div:nth-child(2) {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                        }
                                    }

                                    &>.options {
                                        position: fixed;
                                        left: 32px;
                                        top: 80px;
                                        width: calc(100% - 64px);
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;

                                        &>button {
                                            width: calc(50% - 8px);
                                        }
                                    }
                                }
                            }

                        }
                    }
                }
            }
        }
    }
}